// 发请求，由于参数
let layer=layui.layer
let form = layui.form
let query = {
    pagenum:1,
    pagesize:2,
    cate_id:'',
    state:''
}
getArtList()
function getArtList() {
    

axios.get('/my/article/list',{
    params:query
}).then(({data:{data,total}})=>{
    console.log(data);
    let newStr = data.map(({title,cate_name,pub_date,state,Id})=>{
        return`
        <tr>
            <td>${title}</td>
            <td>${cate_name}</td>
    let newArr = data.map(({title,cate_name,pub_date,state})=>{
        <td>${pub_date}</td>
    let newArr = data.map(({title,cate_name,pub_date,state})=>{
        <td>${state}</td>
            <td>
              <button type="button" class="layui-btn layui-btn-xs btn_edit"  data-id='${Id}'>编辑</button>
              <button type="button" class="layui-btn layui-btn-danger layui-btn-xs btn_delete" data-id='${Id}'>删除</button>
            </td>
          </tr>
        `
    }).join('')
    $('#list').html(newStr)
    renderPage(total)
})
}

// 下拉框 数据
axios.get('/my/article/cates').then((res)=>{
    console.log(res.data.data);
    let newArr = res.data.data.map((item)=>{
        return`
        <option value= "${item.Id}">${item.name}</option>
        `

    }).join('')
    $("#cateSelect").append(newArr)
    form.render('select'); //刷新select选择框渲染
})
//实现筛选功能
$('#form').on('submit',function (e) {
    e.preventDefault()
    query.cate_id=$('#cateSelect').val()
    query.state=$('#stateSelect').val()
    getArtList()
})
// 实现分页
let laypage = layui.laypage
function renderPage(total) {
    laypage.render({
        elem: 'page-box' //注意，这里的 test1 是 ID，不用加 # 号
        ,count:total,
        limit:query.pagesize,
        limits:[1,2,3],
        curr:query.pagenum,
        layout:['count','limit','prev','next','skip'],
        jump: function(obj, first){
            //obj包含了当前分页的所有参数，比如：
            console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
            console.log(obj.limit); //得到每页显示的条数
            query.pagenum = obj.curr
            //首次不执行
            if(!first){
              //do something
              getArtList()
            }
          }
    })
}
// 删除功能
$('#list').on('click','.btn_delete',function () {
    let id = $(this).attr('data-id')
    layer.confirm(
        '确认删除此文章吗？',{icon:3,title:'展示'},
        function (index) {
            axios.get('/my/article/delete/'+id).then((res)=>{
                if (res.data.data !==0) {
                    return layer.msg(res.data.message)
                    
                }

                // 删除成功
                if ($('.btn_delete').length===1) {
                    query.pagenum= query.pagenum===1 ?1:query.pagenum-1                }
                layer.msg(res.data.message)
                layer.close(index)
                getArtList()
            })
        }
      


    )
})

// 编辑功能
$('#list').on('click','.btn_edit',function () {

    const id =$(this).attr('data-id')
    location.herf = '/article/art_edit.html?id='+id
})